<template>
  <div>这是视频页面</div>
  <button @click="goToMine">跳转到我的页面</button>
</template>

<script>
export default {
  methods: {
    goToMine() {
      // this.$route表示的是当前路由的路由信息(一般用于获取url信息)
      // this.$router表示的是整个路由实例(一般用于路由跳转)
      // console.log(this.$router);

      // push方法用于在历史记录中追加，可以后退
      // this.$router.push("/mine");

      // replace方法用于在历史中替换，不能后退
      // this.$router.replace("/mine");

      // go方法传入整数，用于前进和后退
      // this.$router.go(-2);

      // 这个参数一般使用字符串
      // this.$router.push("/detail/777");
      this.$router.push({ name: "detail", params: { id: 998 } });
      // this.$router.push({ name: "mine" });

      // 绝大部分的跳转可以使用申明式和编程式跳转
      // 导航高亮的时候优先使用申明式
      // 有逻辑需要处理的时候优先使用编程式
    },
  },
};
</script>
